<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>星星国际影城</title>
		<link href="css/style.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
		<!--顶部-->
		<div id="header">
			<a href="#" class="sina" title="sina" alt="新浪"></a>
			<a href="#" class="tqq" title="tqq" alt="tqq"></a>
			<a href="#">登录|</a>
			<a href="#">注册|</a>	
			<span>全国服务热线：888-8888888</span>
		</div>
		<!--logo部分-->
		<div id="logo">
			<a href="index1.html"><img src="images/logo.jpg" title="" alt="logo" /></a>
		</div>
		<!--导航-->
		<div id="nav">
			<ul>
				<li><a href="#" class="active">首页</a></li>
				<li><a href="#">影片</a></li>
				<li><a href="#">影城</a></li>
				<li><a href="#">购票</a></li>
				<li><a href="#">影城活动</a></li>
				<li><a href="#">会员服务</a></li>
				<li><a href="#">顾客互动</a></li>
			</ul>
			<span class="search">
				<input type="text"  placeholder="搜索影片" name="search"/>
				<input type="button" name="btn" value="" />
			</span>
		</div>
		
		<!--主体部分-->
		<div id="main">
			<!--banner轮播图-->
			<div><img src="images/b1.png" /></div>
			<!--快速购票-->
		    <ul class="ticket">
	    	<li></li>
			<li>
				<select>
					<option>选择影院</option>
					<option>星星国际</option>
					<option>UME影城安贞店</option>
					<option>中影火山湖电影城番禺店</option>
					<option>广州星汇电影城</option>
					<option>广州保利国际影城</option>
					<option>广州上影联和电影城</option>
				</select>
			</li>
			<li>
				<select>
					<option>选择电影</option>
					<option>澳门风云</option>
					<option>怪兽大学</option>
					<option>夏日示爱</option>
					<option>激战</option>
					<option>超级经纪人</option>
					<option>逆袭</option>
					<option>极乐空间</option>
				</select>
			</li>
			<li>
				<select>
					<option>选择时间</option>
					<option>2013-10-23(周三)</option>
					<option>2013-10-24(周四)</option>
					<option>2013-10-25(周五)</option>
				</select>
			</li>
			<li>
				<select>
					<option>&nbsp;&nbsp;&nbsp;选择场次</option>
					<option>05：30</option>
					<option>18：30</option>
					<option>22：30</option>
				</select>
			</li>
			<!--购票按钮-->
			<li>
				<a href="#">快速购票</a>
			</li>
		</ul>
		
			<!--内容区域-->
			<div class="section">
				<div class="title">
					<span class="bgRed">正在热映</span>
					<span>即将上映</span>
					<a href="#">查看全部</a>
				</div>
				<!-- 正在热映列表组 -->
				<ul>
					<li>
						<img src="images/img0.jpg" alt="速度与激情6"/><br />
						<p>速度与激情6</p>
					</li>
					<li>
						<img src="images/img0.jpg" alt="速度与激情6"/><br />
						<p>速度与激情6</p>
					</li>
					<li>
						<img src="images/img0.jpg" alt="速度与激情6"/><br />
						<p>速度与激情6</p>
					</li>
					<li>
						<img src="images/img0.jpg" alt="速度与激情6"/><br />
						<p>速度与激情6</p>
					</li>
				</ul>
				<ul>
					<li>
						<img src="images/img0.jpg" alt="速度与激情6"/><br />
						<p>速度与激情6</p>
					</li>
					<li>
						<img src="images/img0.jpg" alt="速度与激情6"/><br />
						<p>速度与激情6</p>
					</li>
					<li>
						<img src="images/img0.jpg" alt="速度与激情6"/><br />
						<p>速度与激情6</p>
					</li>
					<li>
						<img src="images/img0.jpg" alt="速度与激情6"/><br />
						<p>速度与激情6</p>
					</li>
				</ul>
				<ul>
					<li>
						<img src="images/img0.jpg" alt="速度与激情6"/><br />
						<p>速度与激情6</p>
					</li>
					<li>
						<img src="images/img0.jpg" alt="速度与激情6"/><br />
						<p>速度与激情6</p>
					</li>
					<li>
						<img src="images/img0.jpg" alt="速度与激情6"/><br />
						<p>速度与激情6</p>
					</li>
					<li>
						<img src="images/img0.jpg" alt="速度与激情6"/><br />
						<p>速度与激情6</p>
					</li>
				</ul>
			</div>
			<!--侧边栏-->
			<div class="side">
				<div class="topic">
	                <span>影城活动</span>
	                <a href="">更多>></a>
	            </div>
				<p align="center">
					<img src="images/img02.jpg">
				</p>
				<ul class="indicate">
					<li>
						<img src="images/img01.jpg" width="72" height="45">
						<p>《敢死队》7月18日与你约</p>
					</li>
					<li>
						<img src="images/img02.jpg" width="72" height="45">
						<p>《敢死队》7月18日与你约</p>
					</li>
					<li>
						<img src="images/img05.jpg" width="72" height="45">
						<p>《敢死队》7月18日与你约</p>
					</li>
				</ul>
				<div class="topic">
	                <span>服务公告</span>
	                <a href="">更多>></a>
	            </div>
				<ul class="newList">
	                <li>
	                    <a href="#">2013韩国电影展8月开幕</a>
	                </li>
	                <li>
	                    <a href="#">吴宇森灾难文艺片"太平轮"手稿曝光</a>
	                </li>
	                <li>
	                     <a href="#">2013韩国电影展8月开幕</a>
	                </li>
	                <li>
	                    <a href="#">吴宇森灾难文艺片"太平轮"手</a>
	                </li>
	                <li>
	                    <a href="#">2013韩国电影展8月开幕稿曝光</a>
	                </li>
	                <li>
	                    <a href="#">吴宇森灾难文艺片"太平轮"手稿曝光</a>
	                </li>
	                <li>
	                    <a href="#">2013韩国电影展8月开幕</a>
	                </li>
	            </ul>
	            <div class="topic">
	                <span>品牌资讯</span>
	                <a href="">更多>></a>
	            </div>
				<ul class="newList">
	                <li>
	                    <a href="#">2013韩国电影展8月开幕</a>
	                </li>
	                <li>
	                    <a href="#">吴宇森灾难文艺片"太平轮"手稿曝光</a>
	                </li>
	                <li>
	                     <a href="#">2013韩国电影展8月开幕</a>
	                </li>
	                <li>
	                    <a href="#">吴宇森灾难文艺片"太平轮"手</a>
	                </li>
	           </ul>	
			</div>
		</div>
		<!--底部-->
		<div id="footer">
			<!--帮助-->
			<ul>
				<li class="title">新手上路</li>
				<li>注册登录问题</li>
				<li>用户绑定会员卡问题</li>
				<li>影票相关问题</li>
				<li>票价和支付问题</li>
				<li>取票凭证码和取票问题</li>
			</ul>
			<ul>
				<li class="title">购票指南</li>
				<li>用户购票流程</li>
				<li>取票观影指南</li>
				<li>会员卡支付相关说明</li>
				<li>网银支付相关说明</li>
			</ul>
			<ul>
				<li class="title">会员权益</li>
				<li>会员订票权益</li>
				<li>会员积分权益</li>
				<li>入会资格</li>
				<li>会员卡折扣说明</li>
			</ul>
			<ul>
				<li class="title">联系我们</li>
				<li>手机客户端介绍与下载</li>
				<li>影片信息查询</li>
				<li>手机自助购票</li>
			</ul>
			<div class="ft_bottom">
				<p>
	            	<a href="">公司介绍 - </a>
	            	<a href="">合作咨询 - </a>
	            	<a href="">友情链接 - </a>
	           	 	<a href="">网站地图 - </a>
	            	<a href="">站长统计 - </a>
	            	<a href="">网站声明</a>
       			</p>
        		<p>Copyright © 2013  ed by</p>
			</div>						
		</div>
	</body>
</html>
